@charset "utf-8";
.con1{
    width: 100%;
    height: 1500px;
    background: url(../images/c1bg.jpg)no-repeat center;
}
.con1>.M{
    margin-top: 50px;
}
.n_main .n_content a{color:#000;}
.c1top{
     width: 100%;
     height: 652px;
}
.c1-t-left{
    float: left;
    padding: 0 20px;
    width: 232px;
    height: 652px;
    overflow: hidden;
    background: #4E4E4E;
}
.c1-t-left>p:nth-child(1){
    margin-top: 35px;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
}
.c1-t-left>p:nth-child(2){
    font-size: 24px;
    color: #fff;
    margin-top: 10px;
}
.f1{ position:relative;}
.c1-list1{
    margin-top: 17px;
    width: 100%;
    border-top: 1px dashed #636363;
    border-bottom: 1px dashed #636363;
    padding-bottom: 18px;
}
.c1-list1>li{
    margin-top: 25px;
    width: 100%;
filter: grayscale(1) brightness(9);
    -webkit-filter: grayscale(1) brightness(9);
}
.c1-list1>li>a{
    display: block;
    width: 100%;
}
.c1-list1>li:hover{
    filter: none;
-webkit-filter: none;
}
.c1-list1>li>a>p{
    font-size: 14px;
    color: #3acbff;
    padding-left: 32px;
}
.c1-list1>li>a>p:nth-child(2){
    font-size: 12px;
	display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.c1-list1>li>a>p:nth-child(1)>em{
    display: inline-block;
    margin-left: 10px;
    width: 6px;
    height: 11px;
    background: url(../images/c1icon.png)no-repeat 0 center;
}
.c1call{
    width: 100%;
    height: 60px;
    background: url(../images/c1call.png)no-repeat center;
}

.c1-t-right{
    width: 908px;
    height: 652px;
    float: right;
}
.c1-t-rp{
    overflow: hidden;
    float: left;
    width: 423px;
    height: 650px;
    border:1px solid #E8E8E8;
}
.c1-t-rp:hover>a>img{
    transform: scale(1.1) translateZ(0);
}
.c1-t-rp>a>img{
     transform: translateZ(0);
    transition: all .2s;
    width: 100%;
    height: 100%;
}

.c1-t-rt{
    float: right;
    width: 445px;
    height: 100%;
}
.c1-t-rt>div:nth-child(1){
    margin-top: 36px;
    /* background: url(../images/c1-tt.png)no-repeat center; */
    width: 445px;
    overflow: hidden;
    height: 60px;
}
.c1-t-rt>div:nth-child(1)>p:nth-child(1){
     display: block;
     width: 445px;
     font-size: 30px;
     line-height: 30px;
     text-transform: uppercase;
     font-weight: bold;
     font-family: 'Arial';
     background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#39CEFF), to(#42B2FF));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
.c1-t-rt>p:nth-child(2){
    color: #3acbff;
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 20px;
    font-size: 24px;
    margin-top: 10px;
    height: 31px;
}
.c1-t-rt>p:nth-child(2)>a{
    color: #3acbff;
}
.c1-t-rt>p:nth-child(2)>em{
    position: absolute;
    margin-left: 10px;
    margin-top: 10px;
    width: 6px;
    height: 11px;
    background: url(../images/c1icon.png)no-repeat 0 center;
}
.c1-t-rt>div:nth-child(3){
    width: 445px;
height: 270px;
overflow:hidden;
}
.c1-t-rt>div:nth-child(3)>div{
width:100%;
padding-bottom:20px;
}
.c1-t-rt>p{
    font-size: 14px;
    line-height: 30px;
    color: #666;
}
.c1-t-rt>a{
    width: 100px;
    height: 32px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    position: absolute;
    margin-top: -40px;
    margin-left: 345px;

    background: -webkit-linear-gradient(#39CDFF, #42B2FF); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#39CDFF, #42B2FF); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#39CDFF, #42B2FF); /* Firefox 3.6 - 15 */
    background: linear-gradient(#39CDFF, #42B2FF); /* 标准的语法 */
}
.c1-list2{
     margin-top: 6px;
    height: 207px;
    width: 445px;
}
.c1-list2-item{
    float: left;
    width: 135px;
}
.c1-list2-item+.c1-list2-item{
    margin-left: 20px;
}
.c1-list2-item>div{
    overflow: hidden;
    width: 133px;
    height: 205px;
    border: 1px solid #E8E8E8;
    border-bottom: none;
}
.c1-list2-item:hover>div>a>img{
transform: scale(1.1) translateZ(0);
    -webkit-transform: scale(1.1) translateZ(0);
}
.c1-list2-item>div>a{
     display: block;
     width: 100%;
     height: 100%;
}
.c1-list2-item>div>a>img{
transform: translateZ(0);
     -webkit-transform: translateZ(0);
    transition: all 0.2s;
    width: 100%;
    height: 100%;
}
.c1-list2-item:hover>p{
    background: -webkit-linear-gradient(#39CDFF, #42B2FF); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#39CDFF, #42B2FF); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#39CDFF, #42B2FF); /* Firefox 3.6 - 15 */
    background: linear-gradient(#39CDFF, #42B2FF); /* 标准的语法 */
}
.c1-list2-item>div>a>p{
	position:absolute;
z-index:9999;
margin-top:184px;
width:133px;
    text-align:center;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #fff;

    background: -webkit-linear-gradient(#525252, #333433); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#525252, #333433); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#525252, #333433); /* Firefox 3.6 - 15 */
    background: linear-gradient(#525252, #333433); /* 标准的语法 */
}
.c1-list2-item>div>a>p>a{
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}


.c1bottom{
     width: 100%;
     height: 798px;
     overflow: hidden;
}
.c1title{
     margin-top: 45px;
     width: 100%;
     height: 58px;
     background: url(../images/c1title.png)no-repeat center;
     margin-bottom: 58px;
}

.c1-b-left{
     width: 561px;
     height: 579px;
     float: left;
}
.c1-b-item{
     position: absolute;
     display: none;
     width: 561px;
     height: 579px;
}
.c1-b-item.active{
     display: block;
}
.c1-b-p{
     border-bottom: 1px solid #E8E8E8;
     width: 561px;
     height: 421px;
     margin-bottom: 15px;
}
.c1-b-p>div:nth-child(1){
     margin-left: 20px;
     float: left;
     width: 509px;
     height: 361px;
overflow:hidden;
}
.c1-b-p>div:nth-child(1)>img{
     width: 100%;
     height: 100%;
transition:all .2s;
}
.c1-b-p>div:nth-child(1):hover>img{
	transform:scale(1.1);
}
.c1-b-p>p{
     display: block;
     float: right;
     width: 19px;
     height: 364px;
     background: url(../images/c1bt.png);
}

.c1-b-t{
     transform: translateZ(10px);
     margin-top: 291px;
     width: 342px;
     height: 90px;
     position: absolute;
     background: -webkit-linear-gradient(#39CFFF, #42B2FF); /* Safari 5.1 - 6.0 */
     background: -o-linear-gradient(#39CFFF, #42B2FF); /* Opera 11.1 - 12.0 */
     background: -moz-linear-gradient(#39CFFF, #42B2FF); /* Firefox 3.6 - 15 */
     background: linear-gradient(#39CFFF, #42B2FF); /* 标准的语法 */
}
.c1-b-t>a{
     display: block;
     width: 100%;
     height: 100%;
}
.c1-b-t>a>p{
     float: left;
     display: block;
     padding-left:18px;
     line-height: 90px;
     font-size: 24px;
     color: #fff;
     /* background: url(../images/c1-b-icon1.png)no-repeat 125px center; */
}
.c1-b-t>a>em{
     float: left;
     height: 100%;
     line-height: 93px;
     font-style: normal;
     color: #fff;
     font-family: 'kozuka';
     display: block;
     padding-right: 10px;
     margin-left: 10px;
     background: url(../images/c1icon.png)no-repeat 100% 53%;
filter: brightness(9);
     -webkit-filter: brightness(9);
}
.c1-b-click1{
     z-index: 9999;
     position: absolute;
     margin-left: 479px;
     margin-top: 381px;
     width: 50px;
     height: 20px;
}
.c1l{
     float: left;
     width: 20px;
     height: 20px;
     background: url(../images/c1l.png)no-repeat center;
}
.c1r{
     float: right;
     width: 20px;
     height: 20px;
     background: url(../images/c1r.png)no-repeat center;
}
.c1l>a,.c1r>a{
     display: block;
     width: 100%;
     height: 100%;
}

.c1-b-item>p{
     font-size: 14px;
     color: #666;
     height: 120px;
     line-height: 30px;
     display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.c1-b-item>a{
     width: 100px;
    height: 32px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    position: absolute;
    margin-top: -7px;
    margin-left: 460px;
    background: -webkit-linear-gradient(#39CDFF, #42B2FF);
     background: -o-linear-gradient(#39CDFF, #42B2FF);
     background: -moz-linear-gradient(#39CDFF, #42B2FF);
     background: linear-gradient(#39CDFF, #42B2FF);
}
.c1-b-r{
     margin-left: 72px;
     margin-top: 50px;
     float: left;
     width: 296px;
     height: 280px;
}
.c1-b-r>p{
     border-left: 1px solid #E8E8E8;
     text-align: center;
     float: left;
     display: block;
     width: 58px;
     height: 280px;
     font-size: 24px;
}
.c1-b-r>p:last-child{
     border-right: 1px solid #E8E8E8;
}
.c1-b-r>p>em{
     font-style: normal;
     width: 38px;
     height: 70px;
     display: block;
     margin: 0 auto;
     color: #fff;
     background: -webkit-linear-gradient(#353434, #333333);
     background: -o-linear-gradient(#353434, #333333);
     background: -moz-linear-gradient(#353434, #333333);
     background: linear-gradient(#353434, #333333);

}
.c1-b-r>p.active>em{
     background: -webkit-linear-gradient(#39CFFF, #41B2FF);
     background: -o-linear-gradient(#39CFFF, #41B2FF);
     background: -moz-linear-gradient(#39CFFF, #41B2FF);
     background: linear-gradient(#39CFFF, #41B2FF);
}
.c1-b-r>p:nth-child(1){background: url(../images/c1-bicon1.png)no-repeat center 139px;}
.c1-b-r>p:nth-child(2){background: url(../images/c1-bicon2.png)no-repeat center 139px;}
.c1-b-r>p:nth-child(3){background: url(../images/c1-bicon3.png)no-repeat center 139px;}
.c1-b-r>p:nth-child(4){background: url(../images/c1-bicon4.png)no-repeat center 139px;}
.c1-b-r>p:nth-child(5){background: url(../images/c1-bicon5.png)no-repeat center 139px;}


/* con2 */
.con2{
     width: 100%;
     height: 200px;
     background: url(../images/c2bg.jpg)no-repeat center;
}


/* con3 */
.con3{
     width: 100%;
     height: 546px;
}
.con3>.M{
     overflow: hidden;
}
.c3title{
     margin-top: 38px;
     width: 100%;
     height: 86px;
     background: url(../images/c3title.png)no-repeat center;
     margin-bottom: 38px;
}

.c3con{
     width: 100%;
     height: 386px;
}
.c3l{
     float: left;
     width: 250px;
     height: 386px;
}
.c3r{
     float: right;
     width: 250px;
     height: 386px;
}
.c3z{
     float: left;
     background: url(../images/c3p.png)no-repeat center;
     width: 680px;
     height: 386px;
}

.c3t{
     overflow: hidden;
     width: 250px;
     height: 135px;
}
.c3t>p{
     font-size: 14px;
     color: #666;
     margin-top: 60px;
     line-height: 25px;
}
.c3l>.c3t:nth-child(1){background: url(../images/c3t1.png)no-repeat 0 0;margin-top: 25px;}
.c3l>.c3t:nth-child(2){background: url(../images/c3t3.png)no-repeat 0 0;margin-top: 65px;}
.c3r>.c3t:nth-child(1){background: url(../images/c3t2.png)no-repeat 0 0;margin-top: 25px;}
.c3r>.c3t:nth-child(2){background: url(../images/c3t4.png)no-repeat 0 0;margin-top: 65px;}


/* con4 */
.con4{
     width: 100%;
     height: 718px;
}
.con4>.M{
     overflow: hidden;
}
.c4title{
     width: 100%;
     height: 58px;
     margin-top: 52px;
     margin-bottom: 51px;
     background: url(../images/c4title.png)no-repeat center;
}

.c4click{
     width: 762px;
     height: 107px;
     margin: 0 auto;
     background: url(../images/c4xian.png)no-repeat center;
}

.c4c{
     float: left;
     overflow: hidden;
     width: 107px;
     height: 107px;
     border-radius: 50%;
     background: -webkit-linear-gradient(rgba(82,82,82,0.2), rgba(51,51,51,0.2)); /* Safari 5.1 - 6.0 */
     background: -o-linear-gradient(rgba(82,82,82,0.2), rgba(51,51,51,0.2)); /* Opera 11.1 - 12.0 */
     background: -moz-linear-gradient(rgba(82,82,82,0.2), rgba(51,51,51,0.2)); /* Firefox 3.6 - 15 */
     background: linear-gradient(rgba(82,82,82,0.2), rgba(51,51,51,0.2)); /* 标准的语法 */
}
.c4c.active{
     background: -webkit-linear-gradient(rgba(57,207,255,0.2), rgba(66,178,255,0.2)); /* Safari 5.1 - 6.0 */
     background: -o-linear-gradient(rgba(57,207,255,0.2), rgba(66,178,255,0.2)); /* Opera 11.1 - 12.0 */
     background: -moz-linear-gradient(rgba(57,207,255,0.2), rgba(66,178,255,0.2)); /* Firefox 3.6 - 15 */
     background: linear-gradient(rgba(57,207,255,0.2), rgba(66,178,255,0.2)); /* 标准的语法 */
}
.c4c+.c4c{
     margin-left: 56px;
}
.c4c>div{
     overflow: hidden;
     width: 86px;
     height: 86px;
     border-radius: 50%;
     margin: 10px auto 0;
     background: -webkit-linear-gradient(#525252, #333433); /* Safari 5.1 - 6.0 */
     background: -o-linear-gradient(#525252, #333433); /* Opera 11.1 - 12.0 */
     background: -moz-linear-gradient(#525252, #333433); /* Firefox 3.6 - 15 */
     background: linear-gradient(#525252, #333433); /* 标准的语法 */
}

.c4c.active>div{
     background: -webkit-linear-gradient(#39CDFF, #42B2FF);
     background: -o-linear-gradient(#39CDFF, #42B2FF);
     background: -moz-linear-gradient(#39CDFF, #42B2FF);
     background: linear-gradient(#39CDFF, #42B2FF);
}
.c4c>div>p:nth-child(1){
     line-height: 16px;
     height: 16px;
     margin-top: 24px;
     font-size: 16px;
     color: #fff;
     text-align: center;
}
.c4c>div>p:nth-child(2){
     font-size: 12px;
     margin-top: 10px;
     line-height: 12px;
     height: 12px;
     text-align: center;
     color: #fff;
}

.c4con{
     margin-top: 31px;
     width: 100%;
     height: 370px;
}
.c4item{
     position: absolute;
     display: none;
     width: 1200px;
     height: 370px;
}
.c4item.active{
     display: block;
}
.c4p{
     overflow: hidden;
     width: 600px;
     height: 370px;
     float: left;
}
.c4p>a>img{
     transform: translateZ(0);
     transition: all .2s;
     width: 100%;
     height: 100%;
}
.c4p:hover>a>img{
     transform: scale(1.1) translateZ(0);
}
.c4t{
     background: -webkit-linear-gradient(#525252, #333433); /* Safari 5.1 - 6.0 */
     background: -o-linear-gradient(#525252, #333433); /* Opera 11.1 - 12.0 */
     background: -moz-linear-gradient(#525252, #333433); /* Firefox 3.6 - 15 */
     background: linear-gradient(#525252, #333433); /* 标准的语法 */
     width: 600px;
     height: 370px;
     float: right;
}

.c4t>p:nth-child(1){
     display: block;
     width: 376px;
     height:80px;
     font-size: 30px;
     text-transform: uppercase;
     font-weight: bold;
     font-family: 'Arial';
     padding-left: 50px;
     margin-top: 40px;
     background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#39CEFF), to(#42B2FF));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
.c4t>p:nth-child(2){
     width: 500px;
     display: block;
     padding-bottom: 20px;
     margin-top: 10px;
     margin-left: 50px;
     color: #3ACBFF;
     font-size: 24px;
     border-bottom: 1px dashed #636363;

     overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.c4t>p:nth-child(2)>a{
     color: #3ACBFF;
}
.c4t>p:nth-child(2)>a>em{
     position: absolute;
     margin-left: 10px;
     margin-top: 11px;
     width: 6px;
     height: 11px;
     background: url(../images/c1icon.png)no-repeat 0 center;
}
.c4t>p:nth-child(3){
     margin-left: 50px;
     display: block;
     width: 500px;
	height:90px;
     line-height: 30px;
     margin-top: 20px;
     font-size: 14px;
     color: #d8d8d8;
     display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.c4l{
     cursor: pointer;
     margin-top: 4px;
     float: left;
     width: 20px;
     height: 20px;
     background: url(../images/c1l.png)no-repeat center;
}
.c4r{
     cursor: pointer;
     margin-top: 4px;
     float: right;
     width: 20px;
     height: 20px;
     background: url(../images/c1r.png)no-repeat center;
}
.c4btm>p{
     color: #fff;
     float: left;
     margin-left: 11px;
}
.c4btm>p>em{
     color: #41B5FF;
     font-size: 20px;
     font-style: normal;
}
.c4btm{
     margin-top: 350px;
     margin-left: 1058px;
     z-index: 9999;
     position: absolute;
     width: 92px;
     height: 24px;
}
.c4t>div:nth-child(4){
     position: absolute;
     margin-top: -310px;
     margin-left: 480px;
     width: 96px;
     height: 91px;
     background: url(../images/c4icon.png);
}


/* con5 */
.con5{
     width: 100%;
     height: 613px;
     background: #F4F4F4;
}
.con5>.M{
     overflow: hidden;
}

.c5title{
     width: 100%;
     height: 58px;
     margin-top: 50px;
     margin-bottom: 53px;
     background: url(../images/c5title.png)no-repeat center;
}

.c5-list{
     width: 100%;
     height: 345px;
}

.c5-item{
     transition: all .2s;
     float: left;
     width: 384px;
     height: 148px;
     border: 1px solid #E8E8E8;
     background:#fff;
}
.c5-item+.c5-item{
     margin-left: 21px;
}
.c5-list>.c5-item:nth-child(3n+1){
     margin-left: 0px;
}
.c5-list>.c5-item:nth-child(n+4){
     margin-top: 45px;
}

.c5-item:hover{
     border-image: -webkit-linear-gradient(#39CDFF ,#42B2FF) 30 30;
border-image: -moz-linear-gradient( #39CDFF, #42B2FF) 30 30;
border-image: linear-gradient( #39CDFF , #42B2FF) 30 30;
     box-shadow: 1px 1px 9px 1px rgba(0,0,0,0.2);
     background: -webkit-linear-gradient(#39CDFF, #42B2FF);
     background: -o-linear-gradient(#39CDFF, #42B2FF);
     background: -moz-linear-gradient(#39CDFF, #42B2FF);
     background: linear-gradient(#39CDFF, #42B2FF);
     color: #fff !important;
}
.c5-item:first-child{
   border-image: -webkit-linear-gradient(#39CDFF ,#42B2FF) 30 30;
border-image: -moz-linear-gradient( #39CDFF, #42B2FF) 30 30;
border-image: linear-gradient( #39CDFF , #42B2FF) 30 30;
     box-shadow: 1px 1px 9px 1px rgba(0,0,0,0.2);
     background: -webkit-linear-gradient(#39CDFF, #42B2FF);
     background: -o-linear-gradient(#39CDFF, #42B2FF);
     background: -moz-linear-gradient(#39CDFF, #42B2FF);
     background: linear-gradient(#39CDFF, #42B2FF);
     color: #fff !important;

}
.c5-item:first-child a,.c5-item:hover p,.c5-item:hover em{
     color: #fff !important;
}
.c5-item:first-child .c5t>p{
     border-color: #fff !important;
}
.c5-item:first-child .c5p{
     background: #fff !important;
}
.c5-item:first-child .c5p>div{
filter: none;
     -webkit-filter: none;
}

.c5-item:first-child .c5t p,.c5-item:first-child .c5t p span em{color:#fff!important;}










.c5-item:hover a,.c5-item:hover p,.c5-item:hover em{
     color: #fff !important;
}
.c5-item:hover .c5t>p{
     border-color: #fff !important;
}
.c5-item:hover .c5p{
     background: #fff !important;
}
.c5-item:hover .c5p>div{
filter: none;
     -webkit-filter: none;
}
.c5p{
     transition: all .2s;
     margin-left: 20px;
     margin-top: 30px;
     width: 59px;
     height: 59px;
     border-radius: 5px;
     float: left;
     background: #CECFCE;
}
.c5p>div{
     transition: all .2s;
     width: 59px;
     height: 59px;
     border-radius: 5px;
 filter: brightness(9);
     -webkit-filter: brightness(9);
}
.c5-list>.c5-item:nth-child(1)>.c5p>div{
     background: url(../images/c5icon1.png)no-repeat center;
}
.c5-list>.c5-item:nth-child(2)>.c5p>div{
     background: url(../images/c5icon2.png)no-repeat center;
}
.c5-list>.c5-item:nth-child(3)>.c5p>div{
     background: url(../images/c5icon3.png)no-repeat center;
}
.c5-list>.c5-item:nth-child(4)>.c5p>div{
     background: url(../images/c5icon4.png)no-repeat center;
}
.c5-list>.c5-item:nth-child(5)>.c5p>div{
     background: url(../images/c5icon5.png)no-repeat center;
}
.c5-list>.c5-item:nth-child(6)>.c5p>div{
     background: url(../images/c5icon6.png)no-repeat center;
}
/* @font-face{
     font-family: 'kozuka';
     src : url('../font/kozuka.otf');
} */
.c5t{
     margin-right: 20px;
     float: right;
     width: 270px;
     height: 150px;
}
.c5t>p{
     transition: all .2s;
}
.c5t>p:nth-child(1){
     margin-top: 20px;
     width: 50px;
     border-bottom: 2px solid #999;
     height: 40px;
     line-height: 40px;
     font-size: 18px;
     color: #999;
}
.c5t>p:nth-child(1)>span{
     width: 235px;
     display: block;
}
.c5t>p:nth-child(1)>span>em:nth-child(1){
     float: left;
     min-width: 72px;
     display: block;
     font-size: 18px;
     color: #999;
     font-style: normal;
     padding: 0 1px;
}
.c5t>p:nth-child(1)>span>em:nth-child(2){
     float: left;
     min-width: 72px;
     display: block;
     margin-left: 10px;
     text-transform: uppercase;
     font-size: 18px;
     color: #999;
     font-family: 'kozuka';
     font-style: normal;
}
.c5t>p:nth-child(2){
     line-height: 25px;
     font-size: 14px;
     color: #c3c3c3;
     margin-top: 15px;

     display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.c5tel{
     height: 35px;
     width: 100%;
     margin-top: 36px;
     background: url(../images/c5tel.png)no-repeat center;
}


/* con6 */
.con6{
     width: 100%;
     height: 722px;
}
.con6>.M{
     overflow: hidden;
}
.c6top{
     margin-top: 51px;
     width: 1200px;
     height: 381px;
}
.c6top>div img{
     transition: all .2s;
}
.c6top>div:hover img{
     transform: scale(1.1) translateZ(0);
}
.c6top>div:nth-child(1){
     overflow: hidden;
     float: left;
     margin-left: 20px;
     border: 1px solid #E8E8E8;
     width: 507px;
     height: 359px;
}
.c6top>div:nth-child(3){
     overflow: hidden;
     float: left;
     margin-left: 20px;
     border: 1px solid #E8E8E8;
     width: 298px;
     height: 359px;
}
.c6top>div:nth-child(4){
     overflow: hidden;
     float: left;
     margin-left: 20px;
     border: 1px solid #E8E8E8;
     width: 298px;
     height: 359px;
}

.c6top>.c1-b-t>a>p{
     background: url(../images/c6icon.png)no-repeat 125px center;
}

.c6btm{
     margin-top: 30px;
     overflow: hidden;
     width: 100%;
     height: 210px;
    
}
.c6btm>p:nth-child(1){
     text-align: center;
     color: #41b4ff;
     font-size: 16px;
     margin-top: 25px;
}
.c6btm>p:nth-child(2){
     text-align: center;
     color: #d8d8d8;
     line-height: 30px;
     padding: 0 100px;
     margin-top: 6px;
     font-size: 14px;
}
.c6btm>a{
     display: block;
     width: 100px;
     height: 32px;
     text-align: center;
     line-height: 32px;
     color: #fff;
     font-size: 14px;
     background: -webkit-linear-gradient(#39CDFF, #42B2FF);
     background: -o-linear-gradient(#39CDFF, #42B2FF);
     background: -moz-linear-gradient(#39CDFF, #42B2FF);
     background: linear-gradient(#39CDFF, #42B2FF);
     margin: 15px auto 0;
}

/* con7 */
.con7{
     background: url(../images/nbg.jpg)no-repeat center 0;
     margin-bottom: 44px;
     width: 100%;
     height: 506px;
}
.con7>.M>div{
     height: 506px;
}
.ntitle{
     width: 100%;
     height: 38px;
     background: -webkit-linear-gradient(#525252, #333433); /* Safari 5.1 - 6.0 */
     background: -o-linear-gradient(#525252, #333433); /* Opera 11.1 - 12.0 */
     background: -moz-linear-gradient(#525252, #333433); /* Firefox 3.6 - 15 */
     background: linear-gradient(#525252, #333433); /* 标准的语法 */
}
.ntitle>p{
     display: block;
     width: 160px;
     height: 100%;
     float: left;
}
.ntitle>a{
     float: right;
     display: block;
     width: 83px;
     height: 100%;
     font-size: 14px;
     line-height:38px;
     color: #fff;
}
.ntitle>a>em{
     display: inline-block;
     margin-left: 10px;
     width: 6px;
     height: 11px;
     background: url(../images/c1icon.png)no-repeat 0 center;
     filter: grayscale(1) brightness(9);
-webkit-filter: grayscale(1) brightness(9);
}
.n1{
     float: left;
     width: 371px;
     height: 100%;
}
.n2{
     float: left;
     margin-left: 20px;
     width: 371px;
     height: 100%;
}
.n3{
     float: left;
     margin-left: 20px;
     width: 418px;
     height: 100%;
}
.nt1{
     margin-top: 20px;
     width: 100%;
     height: 448px;
}
.nt1>div:nth-child(1){
     height: 320px;
     width: 100%;
}
.nt1>div:nth-child(1)>div{
     width: 371px;
     height: 200px;
}
.nt1>div:nth-child(1)>div img{
      width: 371px;
     height: 200px;
}
.nt1>div:nth-child(1)>p:nth-child(2){
     overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
     font-size: 16px;
     margin-top: 20px;
     font-weight: bold;
     color: #666;
}
.nt1>div:nth-child(1):hover>p:nth-child(2)>a{
     color: #42B2FF;
}
.nt1>div:nth-child(1):hover>p:nth-child(2){
     color: #42B2FF !important;
}
.nt1>div:nth-child(1)>p:nth-child(2)>a{
     color: #666;
}
.nt1>div:nth-child(1)>p:nth-child(2)::before{
     content: '•';
}
.nt1>div:nth-child(1)>p:nth-child(3){
     font-size: 14px;
     color: #666;
     line-height: 25px;
     margin-top: 5px;
     display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.nt1>p{
     overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
     line-height: 35px;
     font-size: 14px;
     color: #666;
     height: 34px;
}
.nt1>p+p{
     border-top: 1px dashed #E8E8E8
}
.nt1>p>a{
     color: #666;
}
.nt1>p::before{
     content: '• ';
}

.nt2{
     margin-top: 20px;
     width: 100%;
     height: 448px;
}
.nt2>div:nth-child(1){
     height: 200px;
     width: 100%;
}
.nt2>div:nth-child(1)>div{
     width: 371px;
     height: 200px;
}
.nt2>div:nth-child(1)>div img{
     width: 371px;
     height: 200px;
}

.n2list{
     width: 100%;
     height: 229px;
     margin-top: 19px;
}
.n2item{
     width: 100%;
     height: 63px;
}
.n2item+.n2item{
     margin-top: 20px;
}
.n2item>div:nth-child(1){
     float: left;
     width: 80px;
     height: 63px;
     text-align: center;
     background: #CECFCE;
}
.n2item>div:nth-child(1)>p:nth-child(1){
     font-size: 24px;
     color: #fff;
     font-family: 'kozuka';
     font-weight: bold;
     line-height: 1;
     height: 24px;
     margin-top: 5px;
}
.n2item>div:nth-child(1)>p:nth-child(2){
     font-size: 16px;
     color: #fff;
     margin-top: 10px;
     font-family: 'kozuka';
     line-height: 1;
     height: 16px;
}
.n2item>div:nth-child(2){
     float: right;
     width: 291px;
     height: 63px;
}
.n2item>div:nth-child(2)>p:nth-child(1){
     overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
     line-height: 1;
     padding-left: 20px;
     margin-top: 10px;
     font-size: 14px;
     color: #333;
     height: 14px;
}
.n2item>div:nth-child(2)>p:nth-child(1)>a{
     color: #333;
}
.n2item>div:nth-child(2)>p:nth-child(2){
     overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
     line-height: 1;
     padding-left: 20px;
     font-size: 14px;
     color: #666;
     height: 14px;
     margin-top: 10px;
}
.n2item>div:nth-child(2)>p:nth-child(2)>a{
     color: #666;
}
.n2item:hover>div:nth-child(1){
     background: -webkit-linear-gradient(#39CDFF, #42B2FF);
     background: -o-linear-gradient(#39CDFF, #42B2FF);
     background: -moz-linear-gradient(#39CDFF, #42B2FF);
     background: linear-gradient(#39CDFF, #42B2FF);
}

.n3page{
     overflow: hidden;
     width: 100%;
     margin-top: 20px;
     height: 448px;
}

.n3list{
     width: 100%;
}
.n3item{
     overflow: hidden;
     width: 100%;
     height: 125px;
     border-bottom: 1px dashed #E8E8E8;
}
.n3item>p:nth-child(1){
     margin-top: 32px;
     height: 30px;
     overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
     font-size: 14px;
     color: #666;
     line-height: 30px;
     padding-left: 60px;
     background: url(../images/q.png)no-repeat 20px center;
}
.n3item>p:nth-child(1)>a{
     color: #666;
}
.n3item>p:nth-child(2){
     margin-top: 10px;
     height: 55px;
     font-size: 14px;
     color: #666;
     padding-left: 60px;
     display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
     line-height: 25px;
     background: url(../images/A.png)no-repeat 20px 0;
}
.n3item>p:nth-child(2)>a{
	 color: #666;
}


/* 客户见证 */
.conkh{
     width: 100%;
     height: 460px;
}
.khtitle{
     width: 100%;
     height: 160px;
     background: url(../images/khtitle.png)no-repeat center;
}
.khlist{
     width: 100%;
     height: 300px;
}
.khitem{
     float: left;
     width: 285px;
     height: 300px;
}
.khitem+.khitem{
     margin-left: 19px;
}
.khp{
     position: absolute;
     width: 285px;
     height: 180px;
}
.khp>img{
     width: 100%;
     height: 100%;
}
.kht{
    margin: 0 auto;
    transform: translateZ(1000px);
    -webkit-transform: translateZ(1000px);
    margin-top: 155px;
    width: 259px;
    height: 111px;
    
    overflow: hidden;
}
.kht>p:nth-child(1){
     line-height: 58px;
     height: 58px;
     width: 20px;
     margin: 0 auto;
     display: block;
     border-bottom: 2px solid #39CFFF;
}
.kht>p:nth-child(1)>em{
     display: block;
     color: #39CFFF;
     width: 259px;
     font-size: 17px;
     height: 58px;
     line-height: 58px;
     margin-left: 50%;
transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     font-style: normal;
     text-align: center;
}
.kht>p:nth-child(2){
     display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
     font-size: 14px;
     color: #fff;
     line-height: 25px;
     padding: 0 17px;
     height: 0;
}
.kht>a:nth-child(3){
     display: block;
     font-size: 14px;
     text-align: center;
     line-height: 32px;
     color: #fff;
     margin-right: 10px;
      margin: 5px auto;
     background: -webkit-linear-gradient(#39CFFF, #42B2FF); /* Safari 5.1 - 6.0 */
     background: -o-linear-gradient(#39CFFF, #42B2FF); /* Opera 11.1 - 12.0 */
     background: -moz-linear-gradient(#39CFFF, #42B2FF); /* Firefox 3.6 - 15 */
     background: linear-gradient(#39CFFF, #42B2FF); /* 标准的语法 */
     width: 100px;
     height: 32px;
}